/**
 * Shopware 4.0
 * Copyright © 2012 shopware AG
 *
 * According to our dual licensing model, this program can be used either
 * under the terms of the GNU Affero General Public License, version 3,
 * or under a proprietary license.
 *
 * The texts of the GNU Affero General Public License with an additional
 * permission and of our proprietary license can be found at and
 * in the LICENSE file you have received along with this program.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU Affero General Public License for more details.
 *
 * "Shopware" is a registered trademark of shopware AG.
 * The licensing of the program under the AGPLv3 does not imply a
 * trademark license. Therefore any rights, title and interest in
 * our trademarks remain entirely with us.
 *
 * @category   Shopware
 * @package    Shopware_Styling
 * @subpackage Template
 * @copyright  Copyright (c) 2012, shopware AG (http://www.shopware.de)
 * @version    $Id$
 * @author shopware AG
 */
@mixin shopware-template {
    div[id^=config-form-template] .#{$prefix}panel-body {
        background: #fff !important;

        .thumb-wrap {
            height: 100px;
            width: 135px;
            margin: 20px 0 20px 28px;
            position: relative;

            .hint {
                position: absolute;
                left: -3px; top: -3px;
                height: 70px;
                width: 70px;

                span {
                    @include rotate(-45deg);
                    color: #fff;
                    display: block;
                    font-weight: bold;
                    width: 70px;
                    text-align: left;
                    position: absolute;
                    left: 9px; top: 2px;
                }
            }
            .enabled {
                background: theme-image($theme, 'ribbon_green.png') no-repeat;

                span {
                    text-shadow: 0 1px 0 #2cb400;
                }
            }

            .preview {
                background: theme-image($theme, 'ribbon_blue.png') no-repeat;

                span {
                    text-shadow: 0 1px 0 #0166ff;
                    left: 0; top: 12px;
                }
            }

            .#{$prefix}editable {
                text-align: center;
                display: block;
            }

            .thumb {
                @include single-box-shadow(lighten($font-color, 40%), 0, 0, 5px);
            }

            &.x-item-selected .thumb {
                @include single-box-shadow(#189EFF, 0, 0, 5px);
            }
        }

        .thumb-wrap .thumb, .inner-thumb, .inner-thumb img {
            width: 135px;
            height: 100px;
        }
        .inner-thumb img {
            width: 133px;
            height: 98px;
        }
    }

    div[id^=config-template-detail] .#{$prefix}panel-body {
        .#{$prefix}preview-image td.#{$prefix}form-item-body {
            background: #fff;
        }
    }
}
